<div class="col_5 right">
    <div class="widget clearfix">
        <h2>Art&iacute;culos disponibles</h2>
        <div class="widget_inside">
            <table class="regular" id="articulos-disponibles">
                <thead>
                    <tr>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                {% for articulo in articulos %}
                    <tr id="{{ articulo.id }}"
                        data-marca="{{ articulo.marca }}" 
                        data-modelo="{{ articulo.modelo }}"
                        data-unidad="{{articulo.tipoUnidad.nombre}}"
                        data-unidad2="{{articulo.tipoUnidad2.nombre}}">
                        <td>{{ articulo.marca }}</td>
                        <td>{{ articulo.modelo }}</td>
                        <td><button class="button small compras-add-item">Agregar</button></td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<script>
$(document).ready(function(){
    $('#articulos-disponibles').dataTable({
        "sPaginationType": "full_numbers",
        "bJQueryUI": true
    });
});
</script>